<!DOCTYPE html>
<html>
	<head>
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
		<![endif]-->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="keywords" content="微澜,微澜软件,软件开发,IT解决方案,App开发,软件测试,IT服务商">
		<title>微澜软件</title>
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/jquery.fullpage.css" />
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="tip">提交成功！</div>
		<!-------------------------------------- 头部开始 -------------------------------------->
		<div class="header">
			<div class="wrap">
				<div class="logo flt"><a href="index.html"><img src="img/logo.png" /></a></div>
				<div class="menu frt" id="myMenu">
					<ul>
						<li data-menuanchor="firstPage"><a href="#firstPage">首页<label></label></a></li>
						<li data-menuanchor="secondPage"><a href="#secondPage">关于微澜<label></label></a></li>
						<li data-menuanchor="thirdPage"><a href="#thirdPage">我们的服务<label></label></a></li>
						<li data-menuanchor="fourthPage"><a href="#fourthPage">新闻动态<label></label></a></li>
						<li data-menuanchor="lastPage"><a href="#lastPage">联系我们<label></label></a></li>
					</ul>
				</div>
				<div class="clear"></div>
        <div class="wap_menu"></div>
			</div>
		</div>
		<!-------------------------------------- 头部结束 -------------------------------------->
		<!-------------------------------------- 内容开始 -------------------------------------->
		<div id="fullpage">
			<!-- section1 -->
			<div class="section" id="page1">
				<div class="swiper-container swiper1">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="img1">
								<img src="img/banner1.jpg" />
							</div>
							<div class="text">
								<h1>专业的IT咨询·完善的解决方案</h1>
								<p>Professional IT Consulting · Perfect Solutions</p>
								<div>因为专业，所以信赖</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="img1">
								<img src="img/banner2.jpg" />
							</div>
							<div class="text">
								<h1>专业的IT咨询·完善的解决方案</h1>
								<p>Professional IT Consulting · Perfect Solutions</p>
								<div>因为专业，所以信赖</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="img1">
								<img src="img/banner3.jpg" />
							</div>
							<div class="text">
								<h1>专业的IT咨询·完善的解决方案</h1>
								<p>Professional IT Consulting · Perfect Solutions</p>
								<div>因为专业，所以信赖</div>
							</div>
						</div>
					</div>
					<div class="swiper-pagination pagination1"></div>
					<div class="swiper-button-prev">
						<img src="img/left.png" />
					</div>
					<div class="swiper-button-next">
						<img src="img/right.png" />
					</div>
				</div>
			</div>
			<!-- section2 -->
			<div class="section section3" id="page2">
				<div class="wrap">
					<img class="pic" src="img/img1.png" />
					<div class="leftWord">
						<h1>我们的故事</h1>
						<span>Our story</span>
						<p class="intro">微澜软件是一件成立于13年的IT技术服务外包企业。由多为位在IT技术服务领先企业工作多年的高层管理人员组建。多年来，凭借着丰富的服务外包管理经验以及扎实的技术，得到了众多客户的一致肯定。微澜软件为客户提供IT技术人员外包服务，软件项目整体开发解决方案，信息化咨询，BPO服务等。
						努力通过IT信息技术来推动和支持客户的核心业务发展。</p>
						<div class="flex original">
							<div>
								<p>2013<sub>年</sub></p>
								<span>微澜在上海成立</span>
							</div>
							<div>
								<p>200<sub>+</sub></p>
								<span>各类技术开发员工</span>
							</div>
						</div>
					</div>
					<img class="pic" src="img/img2.png" />
					<div class="rightWord">
						<h1>我们的愿景和使命</h1>
						<span>Our vision and mission</span>
						<p class="intro">以客户为中心，以发展为己任。助力客户发展，成为一家能够为客户带来价值，得到客户尊重，员工信赖，可持续发展的信息技术服务企业。</p>
					</div>
				</div>
				
			</div>
			<!-- section3 -->
			<div class="section section2" id="page3">
				<div class="partTitle">
					<h1>我们的服务</h1>
					<p>OUR SERVICE</p>
				</div>
					
				<div class="swiper-container swiper2">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="serveBox">
								<div class="img">
									<img src="img/serve1.png" />
								</div>
								<div class="bgBlack">
									<div class="word">
										<h3>咨询服务和解决方案</h3>
										<p>提供商业咨询、技术咨询和IT咨询与解决方案</p>
									</div>
									<img src="img/icon1.png" />
								</div>
								<div class="hideWord">
									<h1>软件产品研发</h1>
									<ol>
										<li>
											<span>研发服务 </span>
											<p>需求分析、概念建模、产品实现、质量保证和测试，以及技术和知识培训 </p>
										</li>
										<li>
											<span>软件开发</span>
											<p>中间件、互联网协议和其他应用软件 </p>
										</li>
										<li>
											<span>嵌入式技术</span>
											<p>设计和开发精密设备中的嵌入式软件解决方案 </p>
										</li>
										<li>
											<span>测试服务</span>
											<p>帮助技术产品公司改进软硬件产品，且有效降低成本 </p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="serveBox">
								<div class="img">
									<img src="img/serve2.png" />
								</div>
								<div class="bgBlack">
									<div class="word">
										<h3>咨询服务和解决方案</h3>
										<p>提供商业咨询、技术咨询和IT咨询与解决方案</p>
									</div>
									<img src="img/icon2.png" />
								</div>
								<div class="hideWord">
									<h1>软件产品研发</h1>
									<ol>
										<li>
											<span>研发服务 </span>
											<p>需求分析、概念建模、产品实现、质量保证和测试，以及技术和知识培训 </p>
										</li>
										<li>
											<span>软件开发</span>
											<p>中间件、互联网协议和其他应用软件 </p>
										</li>
										<li>
											<span>嵌入式技术</span>
											<p>设计和开发精密设备中的嵌入式软件解决方案 </p>
										</li>
										<li>
											<span>测试服务</span>
											<p>帮助技术产品公司改进软硬件产品，且有效降低成本 </p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="serveBox">
								<div class="img">
									<img src="img/serve3.png" />
								</div>
								<div class="bgBlack">
									<div class="word">
										<h3>咨询服务和解决方案</h3>
										<p>提供商业咨询、技术咨询和IT咨询与解决方案</p>
									</div>
									<img src="img/icon3.png" />
								</div>
								<div class="hideWord">
									<h1>软件产品研发</h1>
									<ol>
										<li>
											<span>研发服务 </span>
											<p>需求分析、概念建模、产品实现、质量保证和测试，以及技术和知识培训 </p>
										</li>
										<li>
											<span>软件开发</span>
											<p>中间件、互联网协议和其他应用软件 </p>
										</li>
										<li>
											<span>嵌入式技术</span>
											<p>设计和开发精密设备中的嵌入式软件解决方案 </p>
										</li>
										<li>
											<span>测试服务</span>
											<p>帮助技术产品公司改进软硬件产品，且有效降低成本 </p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="serveBox">
								<div class="img">
									<img src="img/serve4.png" />
								</div>
								<div class="bgBlack">
									<div class="word">
										<h3>咨询服务和解决方案</h3>
										<p>提供商业咨询、技术咨询和IT咨询与解决方案</p>
									</div>
									<img src="img/icon4.png" />
								</div>
								<div class="hideWord">
									<h1>软件产品研发</h1>
									<ol>
										<li>
											<span>研发服务 </span>
											<p>需求分析、概念建模、产品实现、质量保证和测试，以及技术和知识培训 </p>
										</li>
										<li>
											<span>软件开发</span>
											<p>中间件、互联网协议和其他应用软件 </p>
										</li>
										<li>
											<span>嵌入式技术</span>
											<p>设计和开发精密设备中的嵌入式软件解决方案 </p>
										</li>
										<li>
											<span>测试服务</span>
											<p>帮助技术产品公司改进软硬件产品，且有效降低成本 </p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="serveBox">
								<div class="img">
									<img src="img/serve5.png" />
								</div>
								<div class="bgBlack">
									<div class="word">
										<h3>咨询服务和解决方案</h3>
										<p>提供商业咨询、技术咨询和IT咨询与解决方案</p>
									</div>
									<img src="img/icon5.png" />
								</div>
								<div class="hideWord">
									<h1>软件产品研发</h1>
									<ol>
										<li>
											<span>研发服务 </span>
											<p>需求分析、概念建模、产品实现、质量保证和测试，以及技术和知识培训 </p>
										</li>
										<li>
											<span>软件开发</span>
											<p>中间件、互联网协议和其他应用软件 </p>
										</li>
										<li>
											<span>嵌入式技术</span>
											<p>设计和开发精密设备中的嵌入式软件解决方案 </p>
										</li>
										<li>
											<span>测试服务</span>
											<p>帮助技术产品公司改进软硬件产品，且有效降低成本 </p>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="serveBox">
								<div class="img">
									<img src="img/serve6.png" />
								</div>
								<div class="bgBlack">
									<div class="word">
										<h3>咨询服务和解决方案</h3>
										<p>提供商业咨询、技术咨询和IT咨询与解决方案</p>
									</div>
									<img src="img/icon6.png" />
								</div>
								<div class="hideWord">
									<h1>软件产品研发</h1>
									<ol>
										<li>
											<span>研发服务 </span>
											<p>需求分析、概念建模、产品实现、质量保证和测试，以及技术和知识培训 </p>
										</li>
										<li>
											<span>软件开发</span>
											<p>中间件、互联网协议和其他应用软件 </p>
										</li>
										<li>
											<span>嵌入式技术</span>
											<p>设计和开发精密设备中的嵌入式软件解决方案 </p>
										</li>
										<li>
											<span>测试服务</span>
											<p>帮助技术产品公司改进软硬件产品，且有效降低成本 </p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-pagination pagination2"></div>
				</div>
					
				<div class="swiper-container swiper-container-thumbs">
					<div class="swiper-wrapper">
						<div class="swiper-slide">1</div>
						<div class="swiper-slide">2</div>
						<div class="swiper-slide">3</div>
						<div class="swiper-slide">4</div>
						<div class="swiper-slide">5</div>
						<div class="swiper-slide">6</div>
					</div>
					<div class="swiper-pagination pagination3"></div>
				</div>
				
			</div>
			<!-- section4 -->
			<div class="section section4" id="page4">
				<div class="partTitle">
					<h1>新闻动态</h1>
					<p>NEWS INFORMATION</p>
				</div>
				<div class="wrap">
					<ul class="newsList flex">
						<li>
							<div class="img1">
								<img src="img/img3.png" />
								<div class="mask"></div>
								<div class="cell">
									<h4>微澜软件成立5周年庆</h4>
									<p>新闻的简写描述，新闻的简写描述新闻的简写 描述，新闻的简写描述新闻的简写描述新闻的简写描述。</p>
								</div>
							</div>
						</li>
						<li>
							<div class="img1">
								<img src="img/img4.png" />
								<div class="mask"></div>
								<div class="cell">
									<h4>微澜软件成立5周年庆</h4>
									<p>新闻的简写描述，新闻的简写描述新闻的简写 描述，新闻的简写描述新闻的简写描述新闻的简写描述。</p>
								</div>
							</div>
						</li>
						<li>
							<div class="img1">
								<img src="img/img5.png" />
								<div class="mask"></div>
								<div class="cell">
									<h4>微澜软件成立5周年庆</h4>
									<p>新闻的简写描述，新闻的简写描述新闻的简写 描述，新闻的简写描述新闻的简写描述新闻的简写描述。</p>
								</div>
							</div>
						</li>
						<li>
							<div class="img1">
								<img src="img/img6.png" />
								<div class="mask"></div>
								<div class="cell">
									<h4>微澜软件成立5周年庆</h4>
									<p>新闻的简写描述，新闻的简写描述新闻的简写 描述，新闻的简写描述新闻的简写描述新闻的简写描述。</p>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- section5 -->
			<div class="section section5" id="page5">
				<div class="footer">
					<div>
						<div class="contact">
							<div class="wrap">
								<div class="opac">
									<h1><img src="img/icon7.png" /> 微澜软件</h1>
									<p>地址：上海市徐汇区云锦路500号绿地汇中心1023室  <span>邮编：200000</span></p>
									<p>ADD：Room 603-40, 6th floor, building 2, no.38 debao road, China (Shanghai) pilot free trade zone</p>
									<p><span></span>电子邮箱：peter.zhu@weilaninfo.com</p>
								</div>
							</div>
						</div>
						 <div class="leavmsg">
							 <form id="submitForm">
								 <div class="wrap">
									 <div class="flex linkway">
										<span>您的联系方式</span>
										<button>提 交</button>
									 </div>
									 <div class="flex telBox">
											<div>
												<input type="tel" name="tel" placeholder="您的电话" />
												<div class="error" id="tel-error" for="tel"></div>
											</div>
											<div>
												 <input type="email" name="email" placeholder="您的邮箱" />
												 <div class="error" id="email-error" for="email"></div>
											</div>
									 </div>
								  <div>
									 <textarea name="require" placeholder="请输入您的服务需求....."></textarea>
									 <div class="error" id="require-error" for="require"></div>
								  </div>
								 </div>
							 </form>
						 </div>
						<div class="foot">
							<div class="wrap flex">
								<a href="index.html" class=""><img src="img/flogo.png" /></a>
								<ul class=" fNav">
									<li data-menuanchor="firstPage"><a href="#firstPage">首页</a></li>
									<li data-menuanchor="secondPage"><a href="#secondPage">关于微澜</a></li>
									<li data-menuanchor="thirdPage"><a href="#thirdPage">我们的服务</a></li>
									<li data-menuanchor="fourthPage"><a href="#fourthPage">新闻动态</a></li>
									<li data-menuanchor="fifthPage"><a href="#fifthPage">联系我们</a></li>
								</ul>
							</div>
						</div>
						<p class="copyright"><a href="http://www.beian.miit.gov.cn" target="_blank" style="color:white">沪ICP备18046410号</a></p>
					</div>
				</div>
			</div>
		</div>
		<!-------------------------------------- 内容结束 -------------------------------------->
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/jquery.fullpage.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/jquery.validate.min.js"></script>
		<script src="js/main.js"></script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?b0c99091b6c84c0fefcfbd506702d509";
				var s = document.getElementsByTagName("script")[0]; 
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</body>
</html>
